﻿@model Developer.Entity.Users

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="~/Content/UI/css/mui.min.css" rel="stylesheet" />
    <link href="~/Content/UI/css/mdui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Assets/Plugs/layer_mobile/need/layer.css" />
    <link href="~/Assets/Plugs/HUI/webuploader/0.1.5/webuploader.css" rel="stylesheet" />
</head>
<body>
    <form method="post" name="form1" action="/Profile/EditMyProfile?uid=@(Model.Id)">

    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">编辑个人资料</h1>
        <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" type="submit" >完成</button>
    </header>

        <div class="form-group" style="margin-top:5px;">
            @Html.Label("头像", htmlAttributes: new { @class = "control-label col-md-2", @style = "margin-bottom:0px;" })
            <div class="col-md-10">
                <div class="uploader-list-container">
                    <div class="queueList">
                        <div id="dndArea" class="placeholder">
                            <div id="filePicker-2"></div>
                            <p>请上传头像，格式为png或jpg、jpeg，不超过1MB</p>
                            <input type="hidden" name="HeadImg" value="@Model.HeadImg" id="uploaderImg" />
                        </div>
                    </div>
                    <div class="statusBar" style="display:none">
                        <div class="progress"><span class="text">0%</span><span class="percentage"></span> </div>
                        <div class="info"></div>
                        <div class="btns">
                            <div class="filePicker2"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="form-group">
            <div class="mdui-textfield mdui-textfield-floating-label">
                @Html.Label("昵称", htmlAttributes: new { @class = "mdui-textfield-label" })
                @Html.EditorFor(model => model.NickName, new { htmlAttributes = new { @class = "mdui-textfield-input", @required = "", @placeholder = "", @maxlength = "12" } })

            </div>

           
        </div>
    </form>

    <script src="~/Content/scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Content/UI/js/mui.min.js"></script>
    <script type="text/javascript" src="~/Content/UI/js/mdui.min.js"></script>
    <script src="~/Assets/Plugs/layer/layer.js"></script>
    <script src="~/Assets/Plugs/layer/extend/layer.ext.js"></script>
    <script src="~/Assets/Plugs/HUI/webuploader/0.1.5/webuploader.min.js"></script>
    <script src="~/Assets/Scripts/js.js"></script>
    <script src="~/Assets/Scripts/Msg.js"></script>
    <script>
        mui.init();
        init_uploader(1);
    </script>
</body>

</html>
